import styled from "styled-components";
const LongForItemWrapper = styled.div`
  width: 20%;
  flex-shrink: 0;
  padding: 8px;
  .inner {
    position: relative;
    .item {
      position: absolute;
      z-index: 9;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      .cover {
        position: absolute;
        z-index: 91;
        right: -75px;
        height: 55px;
        width: 204px;

        background-image: linear-gradient(
          -180deg,
          rgba(0, 0, 0, 0) 3%,
          rgb(0, 0, 0) 100%
        );
      }
    }
    .city-pic {
      width: 100%;
    }
  }
`;
export default LongForItemWrapper;
